<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App Favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App title -->
        <title>Uplon - Responsive Admin Dashboard Template</title>

        <!--Form Wizard-->
        <link rel="stylesheet" type="text/css" href="assets/plugins/jquery.steps/demo/css/jquery.steps.css" />

        <!-- Switchery css -->
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />

        <!-- Bootstrap CSS -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- App CSS -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- Modernizr js -->
        <script src="assets/js/modernizr.min.js"></script>

    </head>


    <body class="fixed-left" id="do-nicescrol">
        <div class="row">
            <div class="col-12">
                <div class="card-box">

                    <div class="row">
                        <div class="col-12">
                            <h4 class="header-title m-t-0">基本窗体向导</h4>
                            <p class="text-muted font-13 m-b-30">
                                你的文本在这里.你的文本在这里.
                            </p>

                            <form id="basic-form" action="#">
                                <div>
                                    <h3>帐户</h3>
                                    <section>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="userName">用户名称<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input class="form-control required" id="userName" name="userName" type="text">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="password"> 密码<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="password" name="password" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="confirm">确认密码<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="confirm" name="confirm" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix row">
                                                    <label class="col-lg-12 control-label ">(<span class="text-danger">*</span>) 强制性</label>
                                                </div>
                                            </div>
                                        </div><!-- end row -->

                                    </section>
                                    <h3>Profile</h3>
                                    <section>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="name"> 姓<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="name" name="name" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="surname"> 名<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="surname" name="surname" type="text" class="required form-control">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="email">信箱<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="email" name="email" type="text" class="required email form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="address">地址<span class="text-danger">*</span></label>
                                                    <div>
                                                        <input id="address" name="address" type="text" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label>(<span class="text-danger">*</span>) 强制性</label>
                                                </div>
                                            </div>
                                        </div><!-- end row -->

                                    </section>
                                    <h3>Hints</h3>
                                    <section>
                                        <div class="form-group clearfix row">
                                            <div class="col-lg-12">
                                                <ul class="list-unstyled w-list">
                                                    <li><b>姓 :</b> Jonathan </li>
                                                    <li><b>名 :</b> Smith </li>
                                                    <li><b>信箱:</b> jonathan@smith.com</li>
                                                    <li><b>地址:</b> 123 Your City, Cityname. </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </section>
                                    <h3>Finish</h3>
                                    <section>
                                        <div class="form-group clearfix row">
                                            <div class="col-lg-12">
                                                <div class="checkbox checkbox-primary">
                                                    <input id="checkbox-h" type="checkbox">
                                                    <label for="checkbox-h">
                                                        我同意条款和条件.
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </form>


                        </div>

                    </div>
                    <!-- end row -->


                    <div class="row m-t-50">
                        <div class="col-12">
                            <h4 class="header-title m-t-0">垂直步骤示例</h4>
                            <p class="text-muted font-13 m-b-30">
                                你的文本在这里.你的文本在这里.
                            </p>

                            <form id="wizard-vertical">
                                <h3>账户</h3>
                                <section>
                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="userName1">用户姓名 *</label>
                                        <div class="col-lg-10">
                                            <input class="form-control required" id="userName1" name="userName" type="text">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="password1"> 密码 *</label>
                                        <div class="col-lg-10">
                                            <input id="password1" name="password" type="text" class="required form-control">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="confirm1">确认密码 *</label>
                                        <div class="col-lg-10">
                                            <input id="confirm1" name="confirm" type="text" class="required form-control">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-12 control-label ">(*) 强制</label>
                                    </div>
                                </section>
                                <h3>Profile</h3>
                                <section>
                                    <div class="form-group row">

                                        <label class="col-lg-2 control-label" for="name1"> 姓 *</label>
                                        <div class="col-lg-10">
                                            <input id="name1" name="name" type="text" class="required form-control">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="surname1"> 名 *</label>
                                        <div class="col-lg-10">
                                            <input id="surname1" name="surname" type="text" class="required form-control">

                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="email1">邮箱 *</label>
                                        <div class="col-lg-10">
                                            <input id="email1" name="email" type="text" class="required email form-control">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-lg-2 control-label " for="address1">地址 *</label>
                                        <div class="col-lg-10">
                                            <input id="address1" name="address" type="text" class="form-control">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-lg-12 control-label ">(*) 强制</label>
                                    </div>

                                </section>
                                <h3>Hints</h3>
                                <section>
                                    <div class="form-group row">
                                        <div class="col-lg-12">
                                            <ul class="list-unstyled w-list">
                                                <li><b姓 :</b> Jonathan </li>
                                                <li><b>名 :</b> Smith </li>
                                                <li><b>邮箱:</b> jonathan@smith.com</li>
                                                <li><b>地址:</b> 123 Your City, Cityname. </li>
                                            </ul>
                                        </div>
                                    </div>
                                </section>
                                <h3>结束</h3>
                                <section>
                                    <div class="form-group row">
                                        <div class="col-lg-12">
                                            <div class="checkbox checkbox-primary">
                                                <input id="checkbox-v" type="checkbox">
                                                <label for="checkbox-v"> 我同意条款和条件. </label>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                            </form>
                            <!-- End #wizard-vertical -->

                        </div>

                    </div>
                    <!-- end row -->



                    <div class="row m-t-50">
                        <div class="col-12">
                            <h4 class="header-title m-t-0">向导与验证</h4>
                            <p class="text-muted font-13 m-b-30">
                                你的文本在这里.你的文本在这里.
                            </p>

                            <form id="wizard-validation-form" action="#">
                                <div>
                                    <h3>步骤 1</h3>
                                    <section>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="userName2">用户名 </label>
                                                    <div>
                                                        <input class="form-control" id="userName2" name="userName" type="text">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="password2"> 密码 *</label>
                                                    <div>
                                                        <input id="password2" name="password" type="text" class="required form-control">

                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="confirm2">确认密码 *</label>
                                                    <div>
                                                        <input id="confirm2" name="confirm" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label class="col-lg-12 control-label ">(*) 强制性</label>
                                                </div>
                                            </div>
                                        </div><!-- end row -->

                                    </section>
                                    <h3>Step 2</h3>
                                    <section>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="name2"> 姓*</label>
                                                    <div>
                                                        <input id="name2" name="name" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="surname2"> 名 *</label>
                                                    <div>
                                                        <input id="surname2" name="surname" type="text" class="required form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="email2">信箱 *</label>
                                                    <div>
                                                        <input id="email2" name="email" type="text" class="required email form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label for="address2">地址 </label>
                                                    <div>
                                                        <input id="address2" name="address" type="text" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="form-group clearfix">
                                                    <label class="col-lg-12 control-label ">(*) 强制性</label>
                                                </div>
                                            </div>
                                        </div><!-- end row -->

                                    </section>
                                    <h3>Step 3</h3>
                                    <section>
                                        <div class="form-group clearfix">
                                            <div class="col-lg-12">
                                                <ul class="list-unstyled w-list">
                                                    <li><b>姓 :</b> Jonathan </li>
                                                    <li><b>名 :</b> Smith </li>
                                                    <li><b>信箱:</b> jonathan@smith.com</li>
                                                    <li><b>地址:</b> 123 Your City, Cityname. </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </section>
                                    <h3>最后一步</h3>
                                    <section>
                                        <div class="form-group clearfix">
                                            <div class="col-lg-12">
                                                <input id="acceptTerms-2" name="acceptTerms2" type="checkbox" class="required">
                                                <label for="acceptTerms-2">我同意条款和条件.</label>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </form>

                        </div>

                    </div>
                    <!-- end row -->

                </div>
            </div><!-- end col-->

        </div>
        <!-- end row -->
          
    </div>
    <!-- END wrapper -->


        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>

        <!--Form Wizard-->
        <script src="assets/plugins/jquery.steps/build/jquery.steps.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="assets/plugins/jquery-validation/dist/jquery.validate.min.js"></script>

        <!--wizard initialization-->
        <script src="assets/pages/jquery.wizard-init.js" type="text/javascript"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <script type="text/javascript">
            $(document).ready(
                 function() { 
                  $("#do-nicescrol").niceScroll({oneaxismousemode: false,cursorcolor: "#999",horizrailenabled: false});
                 }
                );
        </script>

    </body>
</html>